<!doctype html>

<head>
<meta charset="utf-8">

<style>
.section-tab-arrow { position: absolute; top: 41px; left: 0px; z-index: 2; width: 0px; height: 0px; border-style: solid; border-width: 13px 9.5px 0 9.5px; border-color: #e8e8e8 transparent transparent transparent; -webkit-transition: 0.3s left ease; -moz-transition: 0.3s left ease; -o-transition: 0.3s left ease; transition: 0.3s left ease;
} .section-tab-arrow:before { content: ""; position: absolute; top: -14px; left: -8px; width: 0px; height: 0px; border-style: solid; border-width: 12px 8px 0 8px; border-color: #fbfbfb transparent transparent transparent;
}
 .header-no-shadow.header:after { background-image: none;
} .top-bar { height: 35px; background-color: #FBFBFB; line-height: 35px; border-bottom: 1px solid #E9E9E9;
} .call-us, .top-bar-block { color: #969696; float: left; margin-right: 10px; padding-right: 10px;
} .call-us i, .top-bar-block i { font-size: 22px; line-height: 35px; float: left;
} .call-us span, .top-bar-block span { padding-left: 10px; font-size: 11px;
} .top-bar-block:last-child { border-right: 0;
} .top-bar .social-icons { overflow: hidden; float: right; width: auto;
} .top-bar .social-icons > ul { margin: 0; background-color: transparent; float: right;
} .top-bar .social-icons .social-media-icon { background-color: transparent; height: 35px; border: none; margin: 0; background-position: 0 -43px;
} .top-bar .social-icons .social-media-icon:hover { border: none; background-position: 0 -3px;
} .top-bar .social-icons li { float: right;padding:5px;
}


.searchbox { height: 35px; float: right; -webkit-transition: background-color 200ms; -moz-transition: background-color 200ms; -o-transition: background-color 200ms; transition: background-color 200ms; background-color: #fff; border: 1px solid; border-color: transparent #e8e8e8; padding-top: 4px;
} .searchbox.searchbox-open { border-bottom: 1px solid #eee;
} .searchbox .searchbox-icon { font-size: 16px; color: #bdbdbd; color: rgba(189, 189, 189, 0.48); margin: 2px 0px 0 4px; float: left; cursor: pointer; background: none; border: 0; width: 28px; text-align: center; background: no-repeat -55px 0 url("../images/sprites.png"); width: 27px; height: 17px;
} .searchbox .searchbox-inputtext { float: right; margin: 2px 0 0 2px; width: 0px; background: none; border: 0; outline: 0; line-height: 20px; color: #6c6c6c !important; padding: 3px 0px 0 2px !important; box-sizing: border-box; font-size: 12px; -webkit-transition: width 400ms !important; -moz-transition: width 400ms !important; -o-transition: width 400ms !important; transition: width 400ms !important;
}
.searchbox .searchbox-inputtext:focus { background-color: #fff;
} .searchbox .searchbox-submit { display: none;
}


.social-media-icon:hover { background-position: 0 0;
} .section-image .social-media-icon, .section-color-bg .social-media-icon, .section-color-dark-blue .social-media-icon, .section-color-clouds .social-media-icon, .section-color-blue .social-media-icon, .section-color-orange
.social-media-icon, .section-color-green .social-media-icon, .section-color-red .social-media-icon, .section-color-gray .social-media-icon, .section-color-purple .social-media-icon { background-position: 0 0; background-color: black; background-color: rgba(0, 0, 0, 0.6); border: 0 !important;
} .social-icons.circle .social-media-icon { border-radius: 50%;
} .img-overlay .social-media-icon { background-color: transparent; border: none !important; display: inline-block; background-position: 0 0; float: none; border-radius: 50%;
}
.img-overlay .social-media-icon:hover { box-shadow: none; background-color: transparent; opacity: 0.5;
} .share-article a { display: inline-block; width: 32px; height: 40px; opacity: 0.8; line-height: 40px;
}

.content-headline {
background-color: #FFFFFF;
border-top: 1px solid;
border-color: #3498db;
height: 1px;
text-align: center;
margin: 20px 0 70px;
}

.content-headline h2 {
background-color: #FFFFFF;
display: inline-block;
margin: -20px auto 0;
padding: 0 20px;
}
.txt-info {
color: #46b8da;
}

.section-content.top-body {
padding: 20px 0;
}
.section-content.top-body {
background-color: #fbfbfb;
padding: 20px 0;
}
.section-content {
border-top: 1px solid #e9e9e9;
border-bottom: 1px solid #e9e9e9;
padding: 40px 0;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}

.common-box{
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
margin: 3px 0;

}

.common-header{
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
position: relative;

min-height: 38px;
background: #f7f7f7 repeat-x;
background-image: -webkit-linear-gradient(top,#fff 0,#eee 100%);
background-image: -o-linear-gradient(top,#fff 0,#eee 100%);
background-image: linear-gradient(to bottom,#fff 0,#eee 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0);
color: #669fc7;
border-bottom: 1px solid #DDD;
padding-left: 12px;
}
.common-body{

}
.comma{
padding:10px;
line-height:2px;
font-size:33px;}

.comma:hover{list-style:none;text-style:none;text-decoration:none;}

.common-body ul>li{padding:5px;}

.color2{color:#6fb3e0}

.icon-cum-head { background: transparent; height: 20px; text-align: center; margin: 0 auto 30px auto; border-bottom: 1px solid #F0F0F0; width: 50%;
}
.icon-cum-head i, .icon-cum-head i.fa {  width: 40px; font-size: 32px; padding-top: 10px;  height: 40px; color: #F09696; padding: 0 20px; line-height: 40px; display: inline;
} 
.i-circle{border: 1px solid;
border-color: #279fbb;
color: #279fbb;

text-align: center;
display: block;
font-size: 22px;
}

#category-m .common-body{border-bottom:1px dotted #FFF;

width:200px;}
</style>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<title>HOME</title>
<link rel="shortcut icon" href="images/fevicon.png">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/social.css" />
<!-- bxSlider CSS file -->
<link href="css/jquery.bxslider.css" rel="stylesheet" />

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="js/jquery.bxslider.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
	<script type="text/javascript" src="js/jquery.plusanchor.js"></script>
	<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
	<script src="js/socialbars.js" type="text/javascript"></script>


    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
<script> $(document).ready(function(){
  $('.bxslider').bxSlider();

$('.bxslider').bxSlider({
  auto: false,
  autoControls: false
});
});
 </script>
  <script type="text/javascript">
	$(document).ready(function(){

		$('body').plusAnchor({
			easing: 'easeInOutExpo',
			speed: 	1000
		});

	});
	</script>
</head>


<body>

		<div class="top-bar">
                    <div class="container">
                        <div class="row">
                            <div class="col-sm-7">
                                <div class="call-us top-bar-block">
                                    <i class="fa fa-phone"></i>
                                    <span>
                                        Call us at 1- 888 - 999
                                    </span>
                                </div>
                                <div class="mail-us top-bar-block">
                                    <i class="fa fa-inbox "></i>                            
                                    <span>
                                        E-mail: info@example.com
                                    </span>                            
                                </div>

                            </div>
                            <div class="col-sm-5">

                                
                                <div class="social-icons">
                                    <ul style="list-style:none">
									
                                        <li>
                                            <a href="#" target="_blank" class="social-media-icon fa fa-facebook-square fa-2x" data-original-title="facebook"></a>
                                        </li>
                                        <li>
                                            <a href="#" target="_blank" class="social-media-icon fa fa-twitter-square fa-2x" data-original-title="twitter"></a>
                                        </li>
                                        <li>
                                            <a href="#" target="_blank" class="social-media-icon fa fa-google-plus-square fa-2x" data-original-title="googleplus"></a>
                                        </li>
                                        
                                        
                                    </ul>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
		<div class="header" id="top">
		
		
			<nav class="navbar  navbar-inverse custom-nav" role="navigation" style="border-radius: 0px; width: 100%;padding: 0px;margin: 0px;">
			
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header nav-head" >
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#"><img class="logo" src="images/logo.png"></a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse custom-collapse" id="bs-example-navbar-collapse-1">
      
      
      <ul class="nav navbar-nav navbar-right custom-ul">
      <li> <a href="#" id="myLargeModalLabel" data-toggle="modal" data-target=".bs-example-modal-sm">Login</a></li>
	   <li> <a href="#" id="myLargeModalLabel" data-toggle="modal" data-target=".bs-example-modal-sm2">Sign up</a></li>
      </ul>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>
		</div>
		<div class="col-md-12 search-slide">
		<div class="col-md-3 col-xs-3 col-sm-4"></div>
		<div class="col-md-4 col-xs-6 rmvpad ">
<input type="text" class="form-control custom-form" placeholder="Just type what you need"></div>
<div class="col-md-2 col-xs-2 rmvpad  "> <div class=" btn btn-primary btn-group">
                                            <button type="button" class="btn  dropdown-toggle" data-toggle="dropdown">
                                                All categories <i class="fa fa-angle-down"></i>
                                            </button>
											
                                            <ul class="dropdown-menu" role="menu">
                                                <li><a href="#">Cars, Vans &amp; Motorbikes</a></li>
                                                <li><a href="#">Community</a></li>
                                                <li><a href="#">Flats &amp; Houses</a></li>
                                                <li><a href="#">For Sale</a></li>
                                                <li><a href="#">Jobs</a></li>
                                                <li><a href="#">Pets</a></li>
                                                <li><a href="#">Services</a></li>
                                            </ul>
											<button type="button" class="btn btn-default"><i class="fa fa-search fa-x"></i></button>
                                        </div>
 </div>
 </div>
 <div class="clearfix"></div>

 
 <ul class="bxslider">

  <li><img src="images/pic1.jpg" /></li>
  <li><img src="images/pic2.jpg" /></li>
  <li><img src="images/pic3.jpg" /></li>
  <li><img src="images/pic4.jpg" /></li>
</ul>
 <div class="clearfix"></div>
 
 
 
<div class="col-md-12 section-content top-body ">
	<div class= "col-offset-md-1 col-md-2 col-offset-sm-1 col-sm-2 col-offset-xs-1 col-xs-2 order-tool"> <span class="glyphicon glyphicon-user glyfi"></span><div class="tool-font">Login to your profile</div></div>
	 <div class= "col-offset-md-1 col-md-2 col-offset-sm-1 col-sm-2 col-offset-xs-1 col-xs-2 order-tool"><span class="glyphicon glyphicon-envelope glyfi"></span><div class="tool-font">Post your demand</div></div>
	 <div class= "col-offset-md-1 col-md-2 col-offset-sm-1 col-sm-2 col-offset-xs-1 col-xs-2 order-tool"> <span class="glyphicon glyphicon-forward glyfi"></span><div class="tool-font">order your need</div></div>
	 <div class= "col-offset-md-1 col-md-2 col-offset-sm-1 col-sm-2 col-offset-xs-1 col-xs-2 order-tool">  <span class="glyphicon glyphicon-gift glyfi"></span><div class="tool-font">You're done!</div></div>
	 <div class="clearfix"></div>
</div>
<!--social -->
<div id="socialside">

</div>

<div class="clearfix"></div>


<div class="clearfix"></div>
<div  id="cat"></div>
<div class="row well">
<div class="col-md-12" id="category-m">
<h2 class="text-center categories">Our Marriage Service Categories</h2>
<div class="icon-cum-head">
                                    <i class="fa fa-file color2">

                                    </i>
                                </div>
								
	<div class="col-md-3">
	
<div class="common-box">
   <div class="commmon-header">
  <i class="fa fa-star fa-2x color2 i-circle"></i> <a class="comma" >Category </a> </div>
   </div>
   <div class="common-body">
   <div class="row"><ul class="cat-list">
		
			<li><span class="glyphicon glyphicon-star glyphi2"></span><a href="#">category</a></li>
			
			<li><span class="glyphicon glyphicon-signal glyphi2"></span><a href="#">category</a></li>
			
			<li><span class="glyphicon glyphicon-phone glyphi2"></span><a href="#">category</a></li>
			
			<li><span class="glyphicon glyphicon-heart-empty glyphi2"></span><a href="#">category</a></li>
		
			<li><span class="glyphicon glyphicon-camera glyphi2"></span><a href="#">category</a></li>
			
			<li><span class="glyphicon glyphicon-star-empty glyphi2"></span><a href="#">category</a></li>
			
			<li><span class="glyphicon glyphicon-plane glyphi2"></span><a href="#">category</a></li>
		
			
		</ul> </div>
   </div>
   
</div>


	<div class="col-md-3">
	
<div class="common-box">
   <div class="commmon-header">
  <i class="fa fa-home fa-2x color2 i-circle"></i> <a class="comma" >Category </a> </div>
   </div>
   <div class="common-body">
   <div class="row"><ul class="cat-list">
		
			<li><span class="glyphicon glyphicon-star glyphi2"></span><a href="#">category</a></li>
			
			<li><span class="glyphicon glyphicon-signal glyphi2"></span><a href="#">category</a></li>
			
			<li><span class="glyphicon glyphicon-phone glyphi2"></span><a href="#">category</a></li>
			
			<li><span class="glyphicon glyphicon-heart-empty glyphi2"></span><a href="#">category</a></li>
		
			<li><span class="glyphicon glyphicon-camera glyphi2"></span><a href="#">category</a></li>
			
			<li><span class="glyphicon glyphicon-star-empty glyphi2"></span><a href="#">category</a></li>
			
			<li><span class="glyphicon glyphicon-plane glyphi2"></span><a href="#">category</a></li>
		
			
		</ul> </div>
   </div>
   
</div>

	<div class="col-md-3">
	
<div class="common-box">
   <div class="commmon-header">
  <i class="fa fa-car fa-2x color2 i-circle"></i> <a class="comma" >Category </a> </div>
   </div>
   <div class="common-body">
   <div class="row"><ul class="cat-list">
		
			<li><span class="glyphicon glyphicon-star glyphi2"></span><a href="#">category</a></li>
			
			<li><span class="glyphicon glyphicon-signal glyphi2"></span><a href="#">category</a></li>
			
			<li><span class="glyphicon glyphicon-phone glyphi2"></span><a href="#">category</a></li>
			
			<li><span class="glyphicon glyphicon-heart-empty glyphi2"></span><a href="#">category</a></li>
		
			<li><span class="glyphicon glyphicon-camera glyphi2"></span><a href="#">category</a></li>
			
			<li><span class="glyphicon glyphicon-star-empty glyphi2"></span><a href="#">category</a></li>
			
			<li><span class="glyphicon glyphicon-plane glyphi2"></span><a href="#">category</a></li>
		
			
		</ul> </div>
   </div>
   
</div>

		<div class="col-md-3">
	
<div class="common-box">
   <div class="commmon-header">
  <i class="fa fa-film fa-2x color2 i-circle"></i> <a class="comma" >Category </a> </div>
   </div>
   <div class="common-body">
   <div class="row"><ul class="cat-list">
		
			<li><span class="glyphicon glyphicon-star glyphi2"></span><a href="#">category</a></li>
			
			<li><span class="glyphicon glyphicon-signal glyphi2"></span><a href="#">category</a></li>
			
			<li><span class="glyphicon glyphicon-phone glyphi2"></span><a href="#">category</a></li>
			
			<li><span class="glyphicon glyphicon-heart-empty glyphi2"></span><a href="#">category</a></li>
		
			<li><span class="glyphicon glyphicon-camera glyphi2"></span><a href="#">category</a></li>
			
			<li><span class="glyphicon glyphicon-star-empty glyphi2"></span><a href="#">category</a></li>
			
			<li><span class="glyphicon glyphicon-plane glyphi2"></span><a href="#">category</a></li>
		
			
		</ul> </div>
   </div>
   
</div>


		<div class="col-md-3">
	
<div class="common-box">
   <div class="commmon-header">
  <i class="fa fa-smile-o fa-2x color2 i-circle"></i> <a class="comma" >Category </a> </div>
   </div>
   <div class="common-body">
   <div class="row"><ul class="cat-list">
		
			<li><span class="glyphicon glyphicon-star glyphi2"></span><a href="#">category</a></li>
			
			<li><span class="glyphicon glyphicon-signal glyphi2"></span><a href="#">category</a></li>
			
			<li><span class="glyphicon glyphicon-phone glyphi2"></span><a href="#">category</a></li>
			
			<li><span class="glyphicon glyphicon-heart-empty glyphi2"></span><a href="#">category</a></li>
		
			<li><span class="glyphicon glyphicon-camera glyphi2"></span><a href="#">category</a></li>
			
			<li><span class="glyphicon glyphicon-star-empty glyphi2"></span><a href="#">category</a></li>
			
			<li><span class="glyphicon glyphicon-plane glyphi2"></span><a href="#">category</a></li>
		
			
		</ul> </div>
   </div>
   
</div>




		<div class="col-md-3">
	
<div class="common-box">
   <div class="commmon-header">
  <i class="fa fa-suitcase fa-2x color2 i-circle"></i> <a class="comma" >Category </a> </div>
   </div>
   <div class="common-body">
   <div class="row"><ul class="cat-list">
		
			<li><span class="glyphicon glyphicon-star glyphi2"></span><a href="#">category</a></li>
			
			<li><span class="glyphicon glyphicon-signal glyphi2"></span><a href="#">category</a></li>
			
			<li><span class="glyphicon glyphicon-phone glyphi2"></span><a href="#">category</a></li>
			
			<li><span class="glyphicon glyphicon-heart-empty glyphi2"></span><a href="#">category</a></li>
		
			<li><span class="glyphicon glyphicon-camera glyphi2"></span><a href="#">category</a></li>
			
			<li><span class="glyphicon glyphicon-star-empty glyphi2"></span><a href="#">category</a></li>
			
			<li><span class="glyphicon glyphicon-plane glyphi2"></span><a href="#">category</a></li>
		
			
		</ul> </div>
   </div>
   
</div>
	</div>



	
	<div class="clearfix"></div>
	</div>
	</div> 
	<div class="clearfix"></div>
	<div id="cho" class="col-md-3 chatbox"><span id ="ch" class="glyphicon glyphicon-remove glyphi3 data-toggle="tooltip" data-placement="right" title="click to close"></div>
	<div id ="chm"> <span  class="glyphicon glyphicon-minus glyphi4" data-toggle="tooltip" data-placement="right" title="click to minimize"></div>
	<div id="chat" data-toggle="tooltip" data-placement="right" title="click to click to chat">chat</div>
	<div id ="chb" class="col-md-3 chatbody"><img class="chat-logo" src="images/chat-logo.png"><img class="bubble chat-bbl"><input type="text" class="chat-input"></div>
	<div class="col-md-12" id="tab-id">
	
	<div class="categories2" >Recent items</div>
	<div class="col-md-12 tab-part">
	<!-- Nav tabs -->
	
			<ul class="nav nav-tabs" role="tablist">
			  <li class="active"><a class="tab-li" href="#home" role="tab" data-toggle="tab">category1</a></li>
			  <li><a class="tab-li" href="#profile" role="tab" data-toggle="tab">category2</a></li>
			  <li><a class="tab-li" href="#messages" role="tab" data-toggle="tab">category3</a></li>
			  <li><a class="tab-li" href="#settings1" role="tab" data-toggle="tab">category4</a></li>
			  <li><a class="tab-li" href="#settings2" role="tab" data-toggle="tab">category5</a></li>
			  <li><a class="tab-li" href="#settings3" role="tab" data-toggle="tab">category6</a></li>
			</ul>

<!-- Tab panes -->
			<div class="tab-content">
			  <div class="tab-pane active" id="home">
					
<div class="col-md-12">
<ul class="gallery col-4">
            <!--Item 1-->
            <li >
		
               <a href="hellow"> <div class="preview" style="border:1px solid #DDD;">
					<img href="hellow" src="images/icon_featured.png" class="featured-badge">
					<img src="images/featured.png" class="trs">
                    <img alt=" " class="img-thumbnail" src="images/portfolio/thumb/item1.jpg">
               
					<div class="desc" styel="background:blue;">
                    <h5>Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet</h5>
					<small class="pull-left"><i class="fa fa-eye"></i>122 &nbsp;Views&nbsp;<i class="fa fa-shopping-cart fa-x"></i>100&nbsp;Orders</small>
   <small class="pull-right"><i class="fa fa-star fa-x" style="color:#DDD"></i><i class="fa fa-star fa-x" style="color:yellow"></i><i class="fa fa-star fa-x" style="color:yellow"></i>
   <i class="fa fa-star fa-x" style="color:yellow"></i><i class="fa fa-star fa-x" style="color:yellow"></i>(1L) &nbsp; &nbsp;</small><br>
               
				</div>
				 <div class="col-sm-6" id="se" style="border:1px solid #DDD;min-width:100%;border-radius:0px;margin-right:1.5px;padding:5px;">
                     <i class="fa fa-users fa-2x"></i> <span >Sachin mukllii</span>
					 <span class="pull-right" >Bangalore</span>
                    </div>
				</div>
				  
                    
              </a>
                                 
            </li>
			
			     
			      
               
			
			
			
			</ul>
			</div>




                    </div>
					
					
					
					
					<div class="tab-pane" id="profile">
					
<div class="col-md-12">
<ul class="gallery col-4">
            <!--Item 1-->
            <li >
		
               <a href="hellow"> <div class="preview" style="border:1px solid #DDD;">
					<img href="hellow" src="images/icon_featured.png" class="featured-badge">
					<img src="images/featured.png" class="trs">
                    <img alt=" " class="img-thumbnail" src="images/portfolio/thumb/item1.jpg">
               
					<div class="desc" styel="background:blue;">
                    <h5>Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet</h5>
					<small class="pull-left"><i class="fa fa-eye"></i>122 &nbsp;Views&nbsp;<i class="fa fa-shopping-cart fa-x"></i>100&nbsp;Orders</small>
   <small class="pull-right"><i class="fa fa-star fa-x" style="color:#DDD"></i><i class="fa fa-star fa-x" style="color:yellow"></i><i class="fa fa-star fa-x" style="color:yellow"></i>
   <i class="fa fa-star fa-x" style="color:yellow"></i><i class="fa fa-star fa-x" style="color:yellow"></i>(1L) &nbsp; &nbsp;</small><br>
               
				</div>
				 <div class="col-sm-6" id="se" style="border:1px solid #DDD;min-width:100%;border-radius:0px;margin-right:1.5px;padding:5px;">
                     <i class="fa fa-users fa-2x"></i> <span >Sachin mukllii</span>
					 <span class="pull-right" >Bangalore</span>
                    </div>
				</div>
				  
                    
              </a>
                                 
            </li>
			
			     
			      
               
			
			
			
			</ul>
			</div>




                    </div>
                </div>



            </li>




        </ul>
					
			  
			  </div>
			 
			  
			 
			</div>
		</div>	

		</div><div class="clearfix"></div>
		<div class="categories" >Our partners</div><div class="clearfix"></div>
		<div  id="part"></div>
		<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner">
    <div class="item active">
     <div class="col-md-12">
		<div class="col-md-offset-2 col-md-2 col-xs-6"><img class="img-responsive" src="images/client1.png"></div>
		<div class=" col-md-2 col-xs-6"><img class="img-responsive" src="images/client2.png"></div>
		<div class=" col-md-2 col-xs-6"> <img class="img-responsive" src="images/client3.png"></div>
		<div class=" col-md-2 col-xs-6"><img class="img-responsive" src="images/client4.png"></div>
		</div>
      <div class="carousel-caption">
        ...
      </div>
    </div>
    <div class="item">
      <div class="col-md-12">
		<div class="col-md-offset-2 col-md-2 col-xs-6"><img class="img-responsive" src="images/client1.png"></div>
		<div class=" col-md-2 col-xs-6"><img class="img-responsive" src="images/client2.png"></div>
		<div class=" col-md-2 col-xs-6"> <img class="img-responsive" src="images/client3.png"></div>
		<div class=" col-md-2 col-xs-6"><img class="img-responsive" src="images/client4.png"></div>
		</div>
      <div class="carousel-caption">
        ...
      </div>
    </div>
    ...
  </div>

  <!-- Controls -->
  <a class="left carousel-control crsl-white" href="#carousel-example-generic" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left"></span>
  </a>
  <a class="right carousel-control crsl-white" href="#carousel-example-generic" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right"></span>
  </a><div class="clearfix"></div>
</div>



<div class="clearfix"></div>
<div class="footer">

		<div class="col-md-12 footer-body">
				 <div class="col-md-3">
						<div class="ft-head">ADDRESS</div>
					<ul class="unstyled-address">
                    <li>
                        <strong>Address:</strong> 1032 Wayback Lane, Wantagh<br>NY 11793
                    </li>
                    <li>
                        
                        <strong>Email: </strong> support@email.com
                    </li>
                    <li>
                        
                        <strong>Website:</strong> www.domain.com
                    </li>
                    <li>
                        
                        <strong>Toll Free:</strong> 631-409-3105
                    </li>
					</ul>
				</div>
				<div class="col-md-3">
				    <div class="ft-head"> ARCHIVES</div>
                
                    <ul class="unstyled-address2">
                        <li><span class="glyphicon glyphicon-hand-right glyphi-foot"><a href="#">December 2012 (1)</a></li>
                        <li><span class="glyphicon glyphicon-hand-right glyphi-foot"><a href="#">November 2012 (5)</a></li>
                        <li><span class="glyphicon glyphicon-hand-right glyphi-foot"><a href="#">October 2012 (8)</a></li>
                        <li><span class="glyphicon glyphicon-hand-right glyphi-foot"><a href="#">September 2012 (10)</a></li>
                        <li><span class="glyphicon glyphicon-hand-right glyphi-foot"><a href="#">August 2012 (29)</a></li>
                        <li><span class="glyphicon glyphicon-hand-right glyphi-foot"><a href="#">July 2012 (1)</a></li>
                        <li><span class="glyphicon glyphicon-hand-right glyphi-foot"><a href="#">June 2012 (31)</a></li>
                    </ul>
                </div>
				<div class="col-md-3">
				<div id="tweets" class="span3">
                <div class="ft-head">OUR COMPANY</div>
                <div>
                    <ul class="unstyled-address2">
                        <li><span class="glyphicon glyphicon-hand-right glyphi-foot"><a href="#">About Us</a></li>
                        <li><span class="glyphicon glyphicon-hand-right glyphi-foot"><a href="#">Support</a></li>
                        <li><span class="glyphicon glyphicon-hand-right glyphi-foot"><a href="#">Terms of Use</a></li>
                        <li><span class="glyphicon glyphicon-hand-right glyphi-foot"><a href="#">Privacy Policy</a></li>
                        <li><span class="glyphicon glyphicon-hand-right glyphi-foot"><a href="#">Copyright</a></li>
                        <li><span class="glyphicon glyphicon-hand-right glyphi-foot"><a href="#">We are hiring</a></li>
                        <li><span class="glyphicon glyphicon-hand-right glyphi-foot"><a href="#">Clients</a></li>
                        <li><span class="glyphicon glyphicon-hand-right glyphi-foot"><a href="#">Blog</a></li>
                    </ul>
                </div>  
            </div>
				
				</div>
				<div class="col-md-3">
				
				<img class="foot" src="images/foot.jpg">
				</div>
				<div class="col-md-12 foot-end"><div class="copy-right"><span class="glyphicon glyphicon-copyright-mark"></span>Designed by Nirmalya Sengupta</div></div>
            <div class="clearfix"></div>
			</div>
			
			
</div><div class="clearfix"></div>
<div class="modal fade bs-example-modal-sm " tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" style="display: none;">
    <div class="modal-dialog modal-sm">
      <div class="modal-content">

        <div class="modal-header modalback2">
          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
          <h4 class="modal-title family" id="myLargeModalLabel">Login</h4>
        </div>
        <div class="modal-body modalback">
          <form action ="" method="POST">
		  
		  <div class="form2">Username:</div><input type="email" class=" username" name="username"  placeholder= " Enter email"><br>
		   <div class="form2">Pasword:</div><input type="password" class="l password" name="userpassword"  placeholder=" password">
		   <button class="btn btn-custom">Log in</button><a class="forget" href="#">Forgot pasword?</a>
		   </div>
			
		  
		  </form>
        </div>
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
	<div class="modal fade bs-example-modal-sm2 " tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" style="display: none;">
    <div class="modal-dialog">
      <div class="modal-content">

        <div class="modal-header modalback2">
          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
          <h4 class="modal-title family" id="myLargeModalLabel">Sign up</h4>
        </div>
        <div class="modal-body modalback">
          <form action ="" method="POST">
		  
		  <div class="form form-hgt">
	<div class="details">Please enter your details
	</div>
	<form action="" method="POST">
		
		<div class="forml">Name:</div><input type="email" class=" username2" name="username"  placeholder= " Enter email"><br>
		 <div class="forml">Enter your email:</div><input type="email" class=" username2" name="username"  placeholder= " Enter email"><br>
		   <div class="forml">Pasword:</div><input type="password" class=" password2" name="userpassword"  placeholder=" password">
		   <div class="forml">Retype Pasword:</div><input type="password" class=" password2" name="userpassword"  placeholder=" password">
		   <button class="btn btn-custom">Log in</button>
	</form>	
</div>	
			
		  
		  </form>
        </div>
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog --><div class="clearfix"></div>
<div class="clearfix"></div>

<script>
$(document).ready(function(){
$("#chat").click(function(){
		$("#chb").show();
		$("#chm").show();
		$("#cho").css("bottom","300px");
		$("#chat").hide();
	});
	$("#chm").click(function(){
	$("#chb").hide();
	$("#chm").hide();
	$("#chat").show();
	$("#cho").css("bottom","0px");
	});
			$("#ch").click(function(){
	$("#cho").hide();
	$("#chb").hide();
	$("#chat").hide();
	});
	
	
 

});

</script>

</body>
</html>
